<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>预定下单页</title>
    <link href="../css/main.css" rel="stylesheet">
    <script src="../js/jquery.js"></script>
    <script src="../js/jquery.validate.min.js"></script>
</head>
<body>
<!-- 头部导航 -->
<div class="nav_box">
    <div class="logo"><img src="../img/main_logo.png"></div>
    <div class="nav_right">
        <dl>
            <dd><a href="../index.html">首页</a></dd>
            <dd><a href="../About/introduction.html">关于我们</a></dd>
            <dd><a href="../Driver/driver.html">车手介绍</a></dd>
            <dd><a href="../Program/Program.html">节目介绍</a></dd>
            <dd><a href="../Media/Media.html">媒体中心</a></dd>
            <dd><a href="../Culture/Automobile_culture.html">汽车文化</a></dd>
            <dd><a href="../video/video_list.html">视频中心</a></dd>
            <dd><a href="../gallery/gallery_list.html">精彩图库</a></dd>
            <dd><a href="../entertainment/entertainment.html">休闲娱乐</a></dd>
            <dd><a href="../order/Product.html">产品预定</a></dd>
        </dl>
    </div>
</div>
<!-- 头部导航结束 -->
<!-- banner图 -->
<div class="banner_box">
    <img src="../img/banner_1.jpg">
</div>
<!-- banner结束 -->
<!-- 正文内容开始 -->
<div class="main_box">
   <div class="yd_box">
     <div class="yd_main">
          <ul class="online">
              <li class="stp1">
                  填写订单
                  <i></i>
              </li>
              <li>
                  选择方式
                  <i></i>
              </li>
              <li class="stp3">
                  购买成功
                  <i></i>
              </li>
          </ul>
         <div class="yd_list">确认预定信息</div>
         <div class="yd_iont">
           <div class="iont_list"><label>景区名称：</label><em>张家界博裕隆</em></div>
           <div class="iont_list"><label>节目名称：</label><em>张家界Passion汽车特技表演</em></div>
           <div class="iont_list"><label>出行日期：</label><em><input type="text" class="data" placeholder="请选择出游时间"></em></div>
          <div class="iont_list"><label>门票数量：</label>
              <span class="numll_reduce">-</span>
              <input type="text" class="numll" value="1">
              <span class="numll_odd">+</span>
          </div>
             <div class="iont_list"><label>总金额：</label><em class="yd_price">￥<strong id="total-price">98.00</strong></em></div>
         </div>
         <div class="yd_list">您的联系方式<small>(温馨提示：您预订的产品景点需要姓名或证件，请务必正确填写，并在游玩时携带证明证件，给你带来的不便我们表示歉意。)</small></div>
         <div class="yd_iont">
           <form id="order" method="post" class="product_order">
             <div class="user_iont clearfix">
               <div class="iont_info">
                   <div class="iont_list user_name"><label>取票人：</label><span class="red">*</span>
                       <em class="form_contion"><input type="text" class="user_name" name="name" placeholder="请填写出游人"></em>
                   </div>
                   <div class="iont_list user_phone"><label>手机号码：</label><span class="red">*</span>
                       <em class="form_contion"><input type="text" class="user_name" name="phone" placeholder="请填写联系人方式"><small>（免费接收订单确认短信）</small></em>
                   </div>
                   <div class="iont_list user_id"><label>身份证号：</label><span class="red">*</span>
                       <em class="form_contion"><input type="text" class="user_name" name="shenfz" placeholder="请填写证件号"></em>
                   </div>
               </div>
             </div>
               <div class="form_submit">
                   <div class="iont_list">
                       <label></label>
                       <em><input type="submit" class="submin_btn" value="立即支付"></em>
                   </div>
               </div>
           </form>
         </div>
     </div>
   </div>
</div>
<!-- 正文内容结束 -->

<!-- 尾部版权信息 -->
<div class="footer fot_top">
    <div class="fot_box">
        <dl>
            <dd><a href="#">汽车文化</a><span></span></dd>
            <dd><a href="#">休闲娱乐</a><span></span></dd>
            <dd><a href="#">产品预定</a></dd>
        </dl>
        <p><span class="fl"><img src="../img/fot1.png"></span>©Copyright2017张家界博裕隆文化传媒有限责任公司版权所有<b>湘ICP备05011961号</b><a class="cl" href="#">技术支持：湖南畅旅 </a><span class="fr"><img src="../img/fot1.png"></span></p>
    </div>
</div>
<!--版权信息结束-->
<script src="../js/yd.js"></script>
</body>
</html>